<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="static/css/swiper.3.1.7.min.css">
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css" />
    <title>首页-已经登录</title>
</head>

<body>
    <div class="heading">
        <div class="phone">全国热线 : 400-200-300</div>
        <div class="login-reg">
            <span class="red">tianleiyiji123</span>
            <span>退出登录</span>
        </div>
    </div>
    <div class="banner">
        <div class="banner-contain w12">
            <div class="item">
                <p>
                    <span>实力教学团队</span>
                    <br>
                    <span>打造最适合学生的教学</span>
                </p>
            </div>
            <div class="item">
                <p>
                    <span>分层次一对一教学</span>
                    <br>
                    <span>满足不同程度学生需求</span>
                </p>
            </div>
            <div class="item">
                <p>
                    <span>分科全面</span>
                    <br>
                    <span>针对性的对学生进行辅导</span>
                </p>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="nav-contain w12">
            <div class="nav-item active">首页</div>
            <div class="nav-item">找家教</div>
            <div class="nav-item">做家教</div>
            <div class="nav-item">教员库</div>
            <div class="nav-item">家教小班</div>
            <div class="nav-item">专业老师</div>
            <div class="nav-item">大学生家教</div>
            <div class="nav-item">请家教信息</div>
            <div class="nav-item">家教课堂</div>
        </div>
    </div>
    <div class="carousel">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="static/img/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="static/img/banner2.png" alt=""></div>
                <div class="swiper-slide"><img src="static/img/banner.png" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="search w12">
        <div class="condition">
            <div class="condition-item">编号:
                <input placeholder="请输入...">
            </div>
            <div class="condition-item">科目:
                <select value="">
                    <option value="语文">语文</option>
                </select>
            </div>
            <div class="condition-item">区域:
                <select value="">
                    <option value="玄武">玄武</option>
                </select>
            </div>
            <div class="condition-item">性别:
                <select value="">
                    <option value="男">男</option>
                </select>
            </div>
            <div class="condition-item">学历:
                <select value="">
                    <option value="本科">本科</option>
                </select>
            </div>
            <div class="condition-item">
                身份类型:
                <select value="">
                    <option value="专业老师">专业老师</option>
                </select>
            </div>
        </div>
        <div class="search-btn">搜索</div>
    </div>
    <div class="explain">
        <div class="explain-detail"></div>
        <div class="explain-btns">
            <button>请家教</button>
            <button>做家教</button>
        </div>
    </div>
    <div class="explain2">
        <div class="explain-detail"></div>
        <div class="explain-btns">
            <button>我要请家教</button>
        </div>
    </div>
    <div class="explain3">
        <div class="explain-detail">
        </div>
        <div class="explain-btns">
            <button>我要请家教</button>
        </div>
    </div>
    <div class="explain4">
        <button>我要请家教</button>
    </div>
    <div class="foot">
        <div class="company-info">
            <div class="info-contain w12">
                <div class="info-link">
                    <span>首页</span>
                    <span>找家教</span>
                    <span>做家教</span>
                    <span>教员库</span>
                    <span>家教小班</span>
                    <span>专业老师</span>
                    <span>大学生家教</span>
                    <span>请家教信息</span>
                    <span>家教课堂</span>
                </div>
                <div class="info-link">反馈意见:123456@qq.com</div>
                <div class="info-link">客服电话:400-817-817</div>
                <div class="info-link">工作时间:周一至周五 9:00-19:00</div>
            </div>
        </div>
        <div class="copyright">
            Copyright © 1991-2018
        </div>
    </div>
</body>
<script src='static/js/jquery.js'></script>
<script src='static/js/swiper.3.1.7.min.js'></script>
<script>
var mySwiper = new Swiper('.swiper-container', {
    autoplay: 3000, //可选选项，自动滑动
    loop: true,
    pagination: '.swiper-pagination'
})
</script>
<script src="js/common.js" type="text/javascript"></script>
</html>